// out: false,main:../map_normal.less,main:../map_dark.less
.importDark (@a)when (@a="dark") {

    .layui-input,
    .layui-select,
    .layui-textarea {
        color: @layui-form-color;
        background-color: @layui-form-bg  !important;
        border-color: @layui-form-border-color;
    }

    .layui-input:hover,
    .layui-textarea:hover {
        border-color: rgba(255, 255, 255, .2) !important;
    }

    .layui-input:focus,
    .layui-textarea:focus {
        border-color: rgba(255, 255, 255, .5) !important;
    }

    .layui-form-select {
        dl {
            background-color: #2c2c34;
            border: 1px solid #333;
            .scrollbar();

            dd {
                color: #999;

                &:hover {
                    background-color: #4799eb;
                    color: #fff;
                }

                &.layui-this {
                    background-color: #4799eb;
                    color: #fff;
                }
            }
        }
    }

    .layui-form-checkbox {
        &:hover {
            span {
                background: darken(@layui-form-bg, 10%);
            }

            i {
                border: 1px solid darken(@layui-form-bg, 30%);
            }
        }

        span {
            background-color: lighten(@layui-form-bg, 5%);
            border-radius: 0;
        }

        i {
            background-color: darken(@layui-form-bg, 5%);
            border: 1px solid darken(@layui-form-bg, 30%);
            border-radius: 0;
        }
    }

    .layui-form-checked {
        &:hover {
            span {
                background-color: @main-color;
            }

            i {
                background-color: darken(@main-color, 10%);
                border: 1px solid darken(@main-color, 30%);
                border-radius: 0;
            }
        }

        span {
            background-color: @main-color;
        }

        i {
            background-color: darken(@main-color, 10%);
            border: 1px solid darken(@main-color, 30%);
            border-radius: 0;
        }
    }


    .layui-form-item {
        xm-select {
            color: @layui-form-color;
            background-color: @layui-form-bg  !important;
            border-color: @layui-form-border-color;
            border: 0 !important;

            .xm-input {
                background-color: rgba(255, 255, 255, 0) !important;
            }

            &>.xm-body {
                background-color: @layui-form-bg  !important;
                border: 0 !important;
                padding: 10px;

                .xm-toolbar {
                    padding: 5px 0;
                    margin: 0;

                    .toolbar-tag {
                        span {
                            background-color: lighten(@layui-form-bg, 10%);
                            border: 1px solid lighten(@layui-form-bg, 5%);
                            color: rgba(255, 255, 255, 1) !important;
                            border-radius: 3px;
                            padding: 0px 8px;
                        }
                    }
                }

                .xm-search {
                    background-color: darken(@layui-form-bg, 5%) !important;
                }

                .xm-search-input {
                    border: 0;
                    color: #fff;
                }

                .scroll-body {

                    .selected {
                        background-color: darken(@layui-form-bg, 5%) !important;
                    }

                    .xm-option {
                        // background: none !important;

                        .xm-option-content {
                            color: #fff !important;
                        }

                        &:hover {
                            background-color: lighten(@layui-form-bg, 5%) !important;
                        }
                    }
                }

                .xm-paging {
                    &>span {
                        background-color: lighten(@layui-form-bg, 10%);
                        border: 1px solid lighten(@layui-form-bg, 5%);
                        color: rgba(255, 255, 255, .5) !important;
                    }
                }
            }
        }
    }


    .layui-select-disabled {
        @input-disabled-color: #666;

        .layui-disabled {
            border-color: @input-disabled-color  !important;
            border: 0;
            color: @input-disabled-color  !important;

            &::-webkit-input-placeholder {
                /* WebKit browsers */
                color: @input-disabled-color  !important;
            }

        }

        .layui-edge {
            border-top-color: @input-disabled-color  !important;
        }
    }

    // layer

}

// .importDark (@skinName);




.form-item-full {
    .layui-form-label {
        width: 100% !important;
        text-align: left;
    }

    .layui-input-block {
        width: 100%;
        margin-left: 0 !important;
        padding: 0 0 0 20px;
        box-sizing: border-box;
    }
}


.form-label-lg {
    @labelWidth: 160px;

    .layui-form-label {
        width: @labelWidth;

        &:hover {
            // white-space: pre-wrap;
            // display: block;
            // width: @labelWidth;
            // // min-width: 80px;
            // position: absolute;
            // height: 15px;
            // border: 1px solid #f00;

            // &+.layui-input-inline {
            //     margin-left: 125px;
            // }
        }
    }

    .layui-input-block {
        margin-left: @labelWidth+30px;
    }


}


.layui-text-block,.layui-input-block {
    display: flex;
    align-items: center;
}

.layui-form-item {
    .layui-form-label {
        padding: 9px 15px 6px 15px;
    }
}

// 附件上传
@upload-box-size: 180px;
@upload-box-close: 24px;




.layui-footer {
    text-align: right;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 10px;
    position: fixed;
}

@build-tab-border-color: #000;

.build-nav {
    margin: 0 0 10px 0;
    background: lighten(#2c2c34, 10%);
    position: relative;

    .layui-tab-title {
        border-color: @build-tab-border-color;

        .layui-badge {
            top: 0;
        }

        li {
            color: #999;

            span {
                margin: 0 5px;
            }
        }

        .layui-this {
            color: #fff;
            background: #26293a;


            &:after {
                border-color: @build-tab-border-color;
                border-bottom: 1px solid #26293a;
                // border-bottom: 0;
            }
        }

    }

    .layui-tab-btn {
        position: absolute;
        right: 5px;
        top: 5px;
    }
}

.build-info {
    border-top: 1px solid #666;
    padding: 8px 0;

    .layui-form-label2 {
        float: left;
        display: block;
        padding: 2px 15px;
        width: 80px;
        font-weight: 400;
        line-height: 20px;
        text-align: right;
        color: #a6afcc;

        .layui-form-mid {
            margin: 0;
        }
    }

    .build-num-list {
        flex-grow: 1;

        ul {
            li {
                display: inline-block;
                width: 100px;
                margin: 0 10px 5px 0;
                position: relative;

                input {
                    &+span {
                        position: absolute;
                        top: 10px;
                        right: 5px;
                    }

                    &.dotted-input {
                        border: 1px dotted #fff;
                    }
                }
            }
        }

    }

    .build-num-btn {
        flex-grow: 0;

        & .layui-btn {
            margin: 0 0 8px 0;

            &+.layui-btn {
                margin-left: 0px;
            }
        }
    }
}

// 楼层列表
.level-list {
    overflow: hidden;

    button {
        float: left;
        width: 60px;
        margin: 0 0 10px 10px;

        // &:first-child {
        //     margin-left: 10px;
        // }
    }
}

.layui-form-btn-box {
    // height: 50px;
    // position: fixed;
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 58px;
    box-sizing: border-box;

    .layui-form-btn-main {
        width: 100%;
        position: fixed;
        // position: absolute;
        z-index: 99;
        bottom: 0;
        left: 0;
        // right: 0;
        // padding: 5px 0px 5px 0;

        text-align: right;

        background-color: #fff;
        border: 0px;
        padding: 10px;
        box-sizing: border-box;
        background-color: #20202a !important;
        overflow: hidden;

        input {
            margin: 0 10px 0 0;
        }
    }
}

// .layui-form {
//     .layui-form-btn-box {
//         .layui-form-btn-main {
//             margin-left: -15px;
//         }
//     }
// }

.formList {
    .layui-form-item {
        display: inline-block;
    }
}